/*#region Other */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    margin-bottom: 20px;
    font-size: 10pt;
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
}

    body.popup {
        text-align: left;
        background-color: #fff;
        margin: 2px;
        font-size: 8pt;
    }

div, h1, h2, h3, h4, h5, h6, p, li, a {
    font-family: Montserrat,arial, helvetica;
}

h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 5px;
    margin-top: 5px;
}

h3 {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 24px;
}

a:link, a:visited, a:active {
    color: #004C88;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

#wrapper {
    width: 1000px;
    text-align: left;
    margin: 0 auto;
    background-color: White;
}

#header {
    width: 1000px;
    height: 101px;
    background-color: #610077;
    overflow: visible;
}

.HeaderLink {
    margin-left: 2px;
}

.HeaderLinkRight {
    margin-left: 2px;
    margin-right: 2px;
}

.HeaderButton {
    border: 0;
}

#content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    /*padding-bottom: 40px;*/
}

#internalContent {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    min-height: 320px;
}

#HomeMidContent {
    margin-top: 20px;
}

.HomeMidBox {
    margin-left: 5px;
}

#HomeLowerContent {
    margin-top: 50px;
    margin-bottom: 40px;
    padding-left: 30px;
    padding-right: 20px;
}

    #HomeLowerContent h1 {
        color: #00538D;
    }

    #HomeLowerContent p {
        color: #666666;
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: bold;
        font-size: 11pt;
    }

    #HomeLowerContent a {
        color: #00538D;
    }

        #HomeLowerContent a:hover {
            color: #0000ff;
        }

    #HomeLowerContent .ContactLabel {
        display: inline-block;
        width: 120px;
        vertical-align: top;
    }

    #HomeLowerContent .ContactText {
        display: inline-block; /*width:270px;*/
        vertical-align: top;
    }

#footer {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    padding: 1rem;
    width: 52%;
    /*height: 100px;*/
}

    #footer .FooterLogo {
        position: relative;
        top: -34px;
        width: 437px;
        background-color: transparent;
    }

    #footer .Address {
        color: Black;
        font-size: 11pt;
        margin: 0 0 10px 0;
        max-width: calc(100% - 120px);
    }

    #footer a {
        color: White;
        font-size: 11pt;
    }

        #footer a:hover {
            color: #ccc;
            font-size: 11pt;
        }

#sortable .default {
    padding: 1px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    color: #000000;
    cursor: move;
}

    #sortable .default:hover {
        padding: 1px;
        border: 1px solid #e0e0e0;
        background-color: #e0e0e0;
        color: #000000;
    }

#sortable .hilite {
    border: 1px solid #000000;
    background-color: #FFF126;
    color: #000000;
    height: 20px;
}
/*#region Custom Panel */
.strip {
    padding: 5px;
    background-color: #DFDFDF;
}

.panel-header { /*height:24px; line-height:24px;*/
    padding: 5px;
    color: White;
    background-color: #00538D;
}

.panel-body {
    padding: 5px;
    background-color: #ffffff;
    border: solid 1px #00538D44;
    border-top: none;
    margin-bottom: 20px;
}

    .panel-body h3 {
        background-color: #E8E8E8;
        padding: 8px;
    }

.h3 {
    margin-bottom: 10px;
    background-color: #E8E8E8;
    padding: 8px;
    font-weight: bold;
    width: 100%;
    display: block;
}

.panel-buttonbar {
    margin-top: 8px;
    padding: 5px;
    background-color: #fff;
    /*border: 1px solid #ad85b5;*/
}

.panel-body .PanelRow {
    clear: both;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 3px;
}

.panel-body .HalfPanelRow {
    margin: 2px 0;
    padding: 3px 0;
    display: inline-block;
    float: left;
    width: calc(50% - 6px);
}

.panel-body .PanelRow textarea {
    width: calc(100% - 4px);
}

.panel-body li {
    clear: both;
    margin-left: 25px;
}

.panel-body .Label {
    font-weight: bold;
    float: left; /*width:200px;*/
    margin-left: 1px;
}

.panel-body .LabelNormal {
    font-weight: normal;
    float: left; /*width:200px;*/
    margin-left: 1px;
}

/*.panel-body .single_form_element { float:left; }*/
.panel-body .single_form_element textarea:first-of-type {
    float: none !important;
}

.panel-body .single_form_element:not(textarea:first-of-type) {
    float: left;
}
/*.panel-body .single_form_element textarea:not(:first-of-type){ float:left; }*/
.panel-body .single_form_element .input_border {
    border: 2px solid #dadada;
    padding: 2px;
    min-width: 200px;
}
/*.panel-body .single_form_element .input_border-no-width { border:2px solid #dadada; padding:2px; }*/
.panel-body .single_form_element .input_border-min {
    border: 2px solid #dadada;
    font-size: 8pt;
}

.panel-body .single_form_element .input_border:focus {
    border: 2px solid #B5C52F;
}

.panel-body .single_form_element > span > label {
    font-weight: normal;
    white-space: nowrap;
}
/*display:block; witdth:200px;*/
.input_border {
    border: 2px solid #dadada;
    padding: 2px;
    min-width: 200px;
    max-width: 100%;
}

.input_border_Score {
    border: 2px solid #dadada;
    padding: 2px;
    max-width: 100%;
    height: 40px;
}

.panel-body .PanelRow.error_div {
    background: #FBE3E4;
    border: 2px solid #FBC2C4;
}

    .panel-body .PanelRow.error_div .validation-error {
        padding: 2px;
    }

        .panel-body .PanelRow.error_div .validation-error span {
            padding-left: 5px;
        }

.StandardsDropdown {
    margin-top: 2px;
    float: right;
    color: #610077;
}

    .StandardsDropdown .CompletedStandard {
        background-color: #40741D;
        color: White;
    }

.measures td {
    border-top: solid 1px #E0E0E0;
    padding: 5px 5px 5px 5px;
}

.measures tr.alt-row td {
    background-color: #EFEFEF;
}

.measures tr:hover td {
    background-color: #E8E8E8;
}

.measures .hiddenField {
    width: 1px;
}

.measures .supportingInfo {
    width: 20px;
}

.measures .code {
    width: 50px;
}

.measures .level {
    width: 60px;
}

.measures .criteria {
    width: 430px;
}

.measures .response {
    width: 75px;
}

    .measures .response a {
        display: block;
        text-align: center;
        margin: 2px;
    }

.measures .score {
    width: 75px;
}

.measures .comment {
    width: 60px;
}


input[type="button"].button, input[type="submit"].button, button.button, input[type="button"].disabled, input[type="submit"].disabled, button.disabled {
    height: 24px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: bold;
    border: none;
    background: none;
    cursor: pointer;
    margin: 3px;
    width: auto;
    overflow: visible;
}

input[type="button"].button, input[type="submit"].button, button.button {
    background-color: #00538D;
    color: White;
    height: 36px;
    border-radius: 2px;
}

.navBtn {
    border: solid 1px white !important;
}

.checklistHeader {
    background-color: #3375a4 !important;
}

input[type="button"].disabled, input[type="submit"].disabled, button.disabled {
    background-color: #ccc;
    color: White;
    height: 30px;
    border-radius: 2px;
    min-width: 128px !important;
}

input[type="button"].small, input[type="submit"].small, button.small {
    font-size: 8pt;
    height: 20px;
    margin: 1px;
}

.CommentButton {
    background: url('../images/2022 Branding/comment.png') top left no-repeat;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: text-bottom;
    font-weight: bold;
    padding: 5px 0 0 0;
    font-size: 10pt;
    cursor: pointer;
    color: White;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 5px;
}

.comment span {
    display: block;
    margin: -1px 0 0 -1px;
    text-decoration: none;
    text-align: center;
}

.EvidenceButton {
    background: url(../images/evidence.png) top left no-repeat;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: text-bottom;
    font-weight: bold;
    padding: 5px 0 0 0;
    font-size: 10pt;
    cursor: pointer;
    color: #610077;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.evidence span {
    color: White;
    text-decoration: none;
}

div.messageArea {
    width: 100%;
    margin-bottom: 15px;
}

.greenSuccess {
    font-family: Montserrat,arial, helvetica, Sans-Serif;
    padding: 10px 35px;
    color: black;
    background-color: #baddb2;
    background-image: url(images/success_icon.png);
    background-repeat: no-repeat;
    background-position: 8px;
    margin: 3px;
    padding-left: 66px;
}

.blueInfo {
    font-family: Montserrat,arial, helvetica, Sans-Serif;
    padding: 10px 35px;
    color: black;
    background-color: #EEF5FF;
    background-image: url(images/info_icon.png);
    background-repeat: no-repeat;
    background-position: 8px;
    margin: 3px;
    padding-left: 66px;
}

.purpleInfo {
    font-family: Montserrat,arial, helvetica, Sans-Serif;
    padding: 10px 30px 10px 0;
    color: black;
    background-image: url(images/infoIcon.png);
    background-repeat: no-repeat;
    background-position: 4px;
    margin: 0px;
    cursor: pointer;
}

.yellowWarning {
    font-family: Montserrat,arial, helvetica, Sans-Serif;
    padding: 10px 35px;
    color: black;
    background-color: #fef5c4;
    background-image: url(images/warning_icon.png);
    background-repeat: no-repeat;
    background-position: 8px;
    margin: 3px;
    padding-left: 66px;
    clear: left;
    overflow: auto;
}

.redError {
    font-family: Montserrat,arial, helvetica, Sans-Serif;
    padding: 10px 35px;
    color: black;
    background-color: #FF5C5C;
    background-image: url(images/error_icon.png);
    background-repeat: no-repeat;
    background-position: 8px;
    margin: 3px;
    padding-left: 66px;
}

/*#region Table */

.table {
    border: solid 1px #E0E0E0; /*float:left;*/
    width: 100%;
    margin-left: -1px;
}

    .table th {
        background-color: #EAEAEA;
        border-left: solid 1px #E0E0E0;
        padding: 5px;
    }

        .table th.icon-box {
            border-left: none;
        }

    .table td {
        padding: 5px;
        background-color: #FFFFFF;
        border-top: solid 1px #E0E0E0;
        border-left: solid 1px #E0E0E0;
        min-height: 20px;
    }

    .table tr.alt td {
        background-color: #FFF;
    }

    .table tr.missing td {
        background-color: #FFB0B0;
    }

    .table td.icon-box {
        border-left: none;
        text-align: right;
    }

    .table tr:hover td, .table tr.selected td {
        background-color: #E8E8E8;
    }

    .table td.center, .table th.center {
        text-align: center;
    }

    .table td.left, .table th.left {
        text-align: left;
    }

    .table div.headerrow {
        overflow: hidden;
        background-color: #EAEAEA; /*border-left:solid 1px #E0E0E0;*/
    }

    .table div.headeritem {
        float: left;
        padding: 5px;
        border-top: solid 1px #E0E0E0;
        border-left: solid 1px #E0E0E0;
        min-height: 20px;
        font-weight: bold; /*padding-bottom:100%; margin-bottom:-100%;*/
    }

    .table div.headeritemSmall {
        float: left;
        padding: 3px;
        border-top: solid 1px #E0E0E0;
        border-left: solid 1px #E0E0E0;
        min-height: 20px;
        font-weight: bold;
        font-size: 8pt; /*padding-bottom:100%; margin-bottom:-100%;*/
    }

    .table div.footeritem {
        padding: 3px;
        border-top: solid 1px #E0E0E0;
        border-left: solid 1px #E0E0E0;
        min-height: 20px;
        font-weight: bold;
    }

    .table div.item {
        float: left;
        padding: 5px;
        border-top: solid 1px #E0E0E0;
        border-left: solid 1px #E0E0E0;
        min-height: 20px;
        padding-bottom: 100%;
        margin-bottom: -100%;
    }

    .table div.itemNoFloat {
        padding: 5px;
    }

    .table div.itemSmall {
        overflow: hidden;
        float: left;
        padding: 3px;
        border-top: solid 1px #E0E0E0;
        border-left: solid 1px #E0E0E0;
        min-height: 20px;
        font-size: 8pt; /*padding-bottom:100%; margin-bottom:-100%;*/
    }

    .table div.row {
        overflow: hidden;
        background-color: #EFEFEF;
        text-align: left;
    }

    .table div.alt-row {
        overflow: hidden;
        background-color: #FFF;
        text-align: left;
    }

    .table div.row:hover {
        background-color: #E8E8E8;
    }

    .table div.alt-row:hover {
        background-color: #E8E8E8;
    }

    .table .FakeHeader {
        overflow: hidden;
        background-color: #EAEAEA;
    }

        .table .FakeRow div,
        .table .FakeAltRow div,
        .table .FakeHeader div {
            overflow: hidden;
            float: left;
            padding: 5px;
            min-height: 10px;
        }

        .table .FakeHeader div {
            font-weight: bold;
        }

            .table .FakeHeader div:not(:first-child) {
                border-left: solid 1px #E0E0E0;
            }

    .table .FakeRow,
    .table .FakeAltRow {
        overflow: hidden; /*padding:6px 10px;*/
        background-clip: padding-box;
    }

    .table .FakeRow {
        background-color: #FFF;
    }

    .table .FakeAltRow {
        background-color: #EEE;
    }

.FakeAltRow:hover, .FakeRow:hover {
    background-color: #E8E8E8;
}
/*.table div.icon {float:right;}*/


.table .name {
    width: 120px;
}

.table .rest {
    width: 60%;
}

.table .date {
    width: 66px;
}

.table .dateRight {
    width: 66px;
    text-align: right;
}

.table .live {
    width: 66px;
    text-align: center;
}

    .table .live span {
        font-size: 1.4em;
        color: #610077;
    }

.table .num {
    width: 66px;
    text-align: right;
}
/*.table .icon {width:40px;}*/
.table .icon1 {
    float: right;
    padding: 6px
}

.table .icons2 {
    width: 60px;
}

.table .icons3 {
    width: 90px;
}

.table .comment2icons {
    width: calc(100% - (120px + 66px + 60px + (4 * (1px + 5px + 5px))));
}
/* 290px : name, date, icons, padding & borders*/
.table .comment3icons {
    width: calc(100% - (120px + 66px + 90px + (4 * (1px + 5px + 5px))));
}

.item.comment2icons,
.item.comment2icons {
    word-wrap: break-word;
}


.table .row {
    margin: 0;
}
/*#endregion */
/* Gridview Styles */

table.centered {
    border-collapse: collapse;
    width: 100%;
}

.standards-table {
    width: 100%;
}

    .standards-table .divider {
        background-color: #E0E0E0;
        padding: 5px;
        font-weight: bold;
    }

.comment-table .section {
    width: 100px;
}

.comment-table .type {
    width: 100px;
}

.comment-table .source {
    width: 150px;
}

.comment-table .comment {
    width: 298px;
    word-wrap: break-word;
}

.comment-table .name {
    width: 100px;
}

.comment-table .date {
    width: 70px;
}

.comment-table .manage {
    width: 50px;
}

.guidance {
    padding: 0 20px;
    margin: 10px inherit;
    font-style: italic;
}

.noResponse {
    padding: 0 0 0 36px;
}
/*5+1+5 + 5+10+5 + 5*/
.comment {
    width: 50px;
    padding: 0 5px;
}

.commentCount {
    display: inline-block !important;
    margin: 3px 0 0 -18px !important;
}

.italic {
    font-style: italic;
}


/* Region Domain Steps*/
.steps { /*width:970px; margin-bottom:15px;*/
    background-color: #ffffff;
    border-top: none;
    margin: 0 auto;
    cursor: pointer;
}

    .steps .step {
        min-height: 90px !important;
        height: 100% !important;
        width: calc(20% - 6px);
        float: left;
        padding: 5px;
        text-align: left;
        margin: 3px;
        font-weight: normal;
        color: #ffffff;
    }

    .steps .selected {
        background-color: #00538D;
        box-shadow: 4px 4px darkslategray;
        font-weight: bold;
        font-size: 1.1em;
    }

    .steps .completed {
        background-color: #3375a4;
        font-weight: normal;
        border-bottom: 12px solid #69BB56;
        font-size: 1.1em;
    }

    .steps .incomplete {
        background-color: #3375a4;
        font-weight: normal;
        border-bottom: 12px solid lightslategray;
        font-size: 1.1em;
    }

    .steps .completed a {
        color: #ffffff;
        font-weight: normal;
    }

    .steps .incomplete a {
        color: #ffffff;
        font-weight: normal;
    }
/* End Region Domain Steps*/

.ajaxOverlayBG {
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
}
/*#region Icons */

.icon {
    border: none;
    width: 16px;
    height: 16px;
    background-color: transparent;
    cursor: pointer;
}

.example-icon {
    background-image: url('/content/Images/Blue/View-Icon.png');
    content: url('/content/Images/Blue/View-Icon.png');
}

.reset-icon {
    background-image: url('/content/Images/Blue/Reset-Icon.png');
}

.copy-icon {
    background-image: url('images/copy.png');
}

.delete-icon {
    background-image: url('/content/Images/Blue/delete.gif');
}

.edit-icon {
    background-image: url('/content/Images/Blue/edit.png');
}

.copy-icon {
    background-image: url('/content/Images/Blue/copy.png');
}

.info-icon {
    background-image: url('images/information.png');
}

.signoff-icon {
    background-image: url('images/text_ok.png');
}

.results-icon {
    background-image: url('images/preferences.png');
}

.user-enabled-icon {
    background-image: url(/content/Images/Blue/user-enabled.png);
}

.user-disabled-icon {
    background-image: url(/content/Images/Blue/user-disabled.png);
}

.download-icon {
    background-image: url('images/download.png');
}

.tick-round-icon {
    background-image: url('images/tick-round.png');
}

.delete-round-icon {
    background-image: url('images/delete-round.png');
}

.new-note-icon {
    background-image: url('images/note_new.png');
}

.edit-note-icon {
    background-image: url('images/note_edit.png');
}

.open-book-icon {
    background-image: url('/content/Images/Blue/book_open.png');
}

.undo-icon {
    background-image: url('images/undo.png');
}
/*#endregion */

#editContent {
    font-family: Montserrat,arial, helvetica, Sans-Serif;
}

    #editContent li {
        clear: both;
        list-style-position: outside;
        margin-left: 25px;
    }

#editPanel li {
    clear: both;
    margin-left: 25px;
}

.Hidden {
    display: none;
}

.Warning {
    background-color: yellow;
}

.reg_Info {
    font-family: Montserrat,arial, helvetica, Sans-Serif;
    background-color: #eeeeee;
    border: 1px solid gray;
    padding: 3px;
}

.LabelBold {
    font-family: Montserrat,arial, helvetica, Sans-Serif;
    width: 200px;
    float: left;
    font-weight: bold;
}

.red {
    color: Red;
}

.icon_doc, .icon_docx {
    background-image: url(Icons/doc.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.icon_pdf {
    background-image: url(Icons/pdf.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.icon_ppt, .icon_pptx {
    background-image: url(Icons/ppt.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.icon_pub, .icon_pubx {
    background-image: url(Icons/pub.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.icon_jpg, .icon_jpeg {
    background-image: url(Icons/jpg.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.icon_xls, .icon_xlsx {
    background-image: url(Icons/xls.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.icon_rtf {
    background-image: url(Icons/rtf.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.panel input[type="checkbox"] {
    margin-right: 5px !important;
}

.panel input[type="radio"] {
    margin-right: 5px !important;
}

/* GY Responsive additions */
/* also see Menu.css */

#PageBanner {
    width: 100%;
    height: 77px;
    background-color: #00538D;
    color: White;
}

    #PageBanner h1 {
        float: left;
        width: 100%;
        line-height: 77px;
        padding-left: 40px;
    }

        #PageBanner h1 img {
            float: right;
        }


.container_homepage {
    display: flex;
}

.fixed_homepage {
    width: 80%;
    padding-left: 10px;
    padding-top: 20px;
}

.flex-item_homepage {
    flex-grow: 1;
}

#new-wrapper {
    max-width: 1100px;
    text-align: left;
    margin: 0 auto;
    background-color: #fff;
    border: none;
}
/*box-shadow:0px 0px 96px 21px rgba(176,127,187,0.5); }*/

.fakeBody {
    height: 300px;
}

.Logo {
    max-width: 200px;
    margin-left: 15px;
}

.footer {
    position: relative;
    padding: 0 0 10px 0;
}

    .footer .Logo {
        background-color: transparent;
    }

.FooterLogo2 {
    float: right;
    width: 100px;
}

.Left {
    float: left;
}

.Right {
    float: right;
}

.FullWidth {
    width: 100%;
}

    .FullWidth textarea {
        width: calc(100% - 6px) !important;
    }

.MenuBar {
    background-color: #FFF;
    height: 101px;
    margin-top: 5px;
}

.navbar, .navbar-inverse {
    border-radius: 0;
    border: none;
    margin-bottom: 0; /*min-height:80px;*/
    z-index: 1;
}

.navbar {
    background-color: transparent;
    margin: 0 0 10px 0;
}

.navbar-nav {
    margin: 0 0 0 -14px;
}

.nav li {
    display: inline;
    color: white;
    float: left;
}

.navbar-toggle {
    margin: 8px;
    position: absolute;
    top: 0;
    right: 0;
}

    .navbar-toggle .icon-bar {
        background-color: #E8E8E8 !important;
    }

    .navbar-toggle:hover .icon-bar {
        background-color: #761D8A !important;
    }

    .navbar-toggle,
    .navbar-toggle:focus,
    .navbar-toggle:hover {
        background-color: #fff !important;
    }

.icon-bar {
    background-color: #fff !important;
}

.navbar-toggle.collapsed .icon-bar {
    background-color: #fff !important;
}

.navbar-toggle.collapsed:hover .icon-bar {
    background-color: #004881 !important;
}

.navbar-toggle.collapsed {
    background-color: #AFB8BD !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    font-size: 1.7em;
    font-weight: 300;
    padding: 0 4px;
    border-left: solid white 2px;
}

.navbar-inverse .navbar-nav li a:hover {
    background-color: #FFF;
    transition: 0.7s all linear;
    height: 100%;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
}

.navbar-header button {
    background-color: red;
    position: absolute;
    top: -80px;
    right: 0;
}

.navbar-header {
    width: 54%;
}

#full-navbar li { /*max-width:25%;*/
    float: left;
}

    #full-navbar li a img {
        width: 100%;
    }

#HomeMidContent a img {
    max-width: calc(25% - 5px);
}

#HomeLowerContent .HLCText {
    width: 100%;
    float: left;
}

#HomeLowerContent img {
    width: 34%;
    float: left;
}

#HomeLowerContent .Contact .HLCText {
    width: 34%;
    float: left;
}

#HomeLowerContent .Contact img {
    width: 66%;
    float: right;
}

#HomeLowerContent .Contact .One {
    display: none;
}

.homeSites {
    border: 1px solid #bababa;
}

.panel-body .Label,
.panel-body .LabelNormal {
    width: 400px;
}

.panel-body .single_form_element {
    min-width: calc(100% - 401px);
}

.panel-body textarea {
    width: 500px;
}

@media (min-width:1000px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width:1000px) {
    #full-navbar li {
        max-width: 25%;
    }

    .navbar {
        width: 100%;
        position: absolute;
        top: 0;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
        overflow: visible;
    }

    .navbar-nav {
        float: none !important;
        margin: 0 0 0 11px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}

@media screen and (max-width:900px) {
    #HomeLowerContent .Contact h1 {
        float: left;
        font-size: 28px;
    }
}

@media screen and (max-width:768px) {
    .navbar-collapse {
        padding: 0;
    }

    #HomeLowerContent img {
        display: none;
    }

    #HomeLowerContent .HLCText {
        width: 100%;
    }

    h1 {
        font-size: 24px;
    }

    #HomeLowerContent .Contact .One {
        display: block;
    }

    #HomeLowerContent .Contact .Two {
        display: none;
    }

    #HomeLowerContent .Contact .HLCText {
        width: 34%;
        float: left;
    }

    #HomeLowerContent .Contact img {
        display: block;
        width: 66%;
        float: right;
    }

    #HomeLowerContent .Contact h1 {
        float: left;
        font-size: 24px;
    }

    .steps .step {
        width: calc(25% - 6px);
    }

    .panel-body .Label,
    .panel-body .LabelNormal {
        width: 300px;
    }

    .panel-body .single_form_element {
        min-width: calc(100% - 301px);
    }

        .panel-body .single_form_element textarea {
            width: 100%;
            max-width: 500px;
        }
}

@media screen and (max-width:500px) {
    .MenuBar {
        height: 80px;
        background-color: transparent;
    }

    #HomeLowerContent {
        margin: 20px 0;
        padding: 0;
    }

        #HomeLowerContent a,
        #HomeLowerContent img {
            display: none;
        }

        #HomeLowerContent .HLCText {
            width: 100%;
        }

        #HomeLowerContent .Contact a {
            display: block;
        }

        #HomeLowerContent .Contact img {
            display: none;
        }

        #HomeLowerContent .Contact .HLCText {
            width: 100%;
        }

    h1 {
        font-size: 18px;
    }

    .steps .step {
        width: calc(33% - 6px);
    }

    .panel-body .HalfPanelRow {
        margin: 2px 0;
        padding: 3px 0;
        display: inline-block;
        float: left;
        width: 100%;
    }

    /*.panel-body .Label,
	.panel-body .LabelNormal,
	.panel-body .single_form_element { width:100%; }*/
}

@media screen and (max-width:400px) {
    .MenuBar {
        height: 100px;
    }

    .steps .step {
        width: calc(50% - 6px);
    }

    .DefaultLabel {
        width: 100% !important;
    }
}

.HomeUserContent {
    padding: 10px;
    float: left;
}

.col-sm-4.HomeUserContent {
    border-right: 1px solid #761D8A;
}

.col-xs-12.HomeUserContent {
    border-right: none !important;
}

.panel-header { /*height:24px; line-height:24px;*/
    padding: 5px;
    color: White;
    background-color: #004c88;
}

/* Other Responsive styles */
.panel-header {
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .panel-header h3 {
        margin: 0;
        margin-bottom: 5px;
        margin-top: 5px;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.1;
    }

.NarrowLabel {
    font-weight: bold;
    float: left;
    width: 100px;
}

.DefaultLabel {
    font-weight: bold;
    float: left;
    width: 200px;
    padding-right: 6px;
}

.OffsetDefaultLabel {
    padding-left: 200px;
}

.RichText {
    float: left;
    width: calc(100% - 200px);
}

/*.OffsetDefaultLabel { padding-left: 200px; }
.RichText { float: left; width: calc(100% - 200px); }*/

.DropDown {
    margin-bottom: 3px;
}

.DropDownStandards {
    margin-bottom: 3px;
    height: 36px;
    font-size: 11pt;
    color: white;
    background-color: #00538D;
    border: none;
    text-align: center;
    border: solid 1px white;
}

.PostCode {
    width: 80px;
    margin-right: calc(200px - 80px);
}

.RegEmail {
    width: 100%;
    max-width: 300px;
}

.RegPwd {
    width: 100%;
    max-width: 300px;
}

.Auto-combobox {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

    .Auto-combobox option {
        max-width: 100% !important;
    }

.Auto-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0; /* support:IE7 */
    *height: 1.7em;
    *top: 0.1em;
}

.Auto-combobox-input {
    margin: 0;
    padding: 0.3em;
    width: 400px;
    max-width: 100%;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    *height: 200px;
    z-index: 1000 !important;
}

.Auto-combobox a:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 10px;
    border-width: 6px 3px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #610077;
}

.Auto-combobox a:hover {
    background-color: #c8a6d0;
}

.paddedRow {
    padding: 10px 0;
}

.tbSectionHeader {
    font-weight: bold;
    margin: 6px 0 0 0;
    padding: 6px 10px;
    background-color: #fef;
}

.GY-dialog-titlebar-close {
    float: right;
    background-color: #cc0 !important;
    color: black !important;
}

.ui-datepicker select {
    color: #000;
}

.WLhidden {
    display: none;
}

.ap {
    cursor: pointer;
}

#OldNotes {
    margin: 6px;
    padding: 6px;
    background-color: #eee;
}

    #OldNotes span {
        float: right;
        width: 120px;
    }

#ErrorBox {
    position: absolute;
    left: 30%;
    width: 40%;
    margin: -40px 0 0 0;
    padding: 10px 10px 10px 66px;
    background-color: #FF5C5C;
    background-image: url(images/error_icon.png);
    background-repeat: no-repeat;
    background-position: 8px;
}

.TextBoxAdjustment {
    padding: 3px 3px 7px 3px !important;
}

.glossary {
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: #610077;
}

.Bodydisabled:before {
    content: "";
    position: fixed;
    z-index: 2;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0, .5);
}

.workingIcon {
    position: fixed;
    z-index: 3;
    background: #fff;
    border: 2px #ccc solid;
    padding: 30px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.imgDisableUser {
    content: url(/content/Images/Blue/user-enabled.png);
}

.imgEnableUser {
    content: url(/content/Images/Blue/user-disabled.png);
}

.steps .selectedQuestionnaire {
    background-color: #00538D !important;
    box-shadow: 4px 4px darkslategray;
    font-weight: 700;
    font-size: 1.1em;
}

.steps .selectedQuestionnaireIncomplete {
    background-color: #00538D !important;
    box-shadow: 4px 4px darkslategray;
    font-weight: 700;
    border-bottom: 12px solid lightslategray;
    font-size: 1.1em;
}

.steps .selectedQuestionnaireComplete {
    background-color: #00538D !important;
    box-shadow: 4px 4px darkslategray;
    font-weight: 700;
    border-bottom: 12px solid #69BB56;
    font-size: 1.1em;
}

#wrapper {
    width: 100% !important;
    margin: 0 auto;
}

#leftcolumn {
    float: left;
    width: 46%;
    border-right: solid 2px #761D8A;
    margin-right: 10px;
    padding-right: 10px;
}

#rightcolumn {
    float: left;
    width: 48%;
}

.buttonBarTop_Bottom {
    /*background-color: #5991C0 !important;*/
}

.RVTable tr {
    border: solid 1px #00538D;
}

.RVTable td {
    padding: 20px;
}

.btn-primary {
    background-color: #00538D;
}

.RedText {
    color: red;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 12pt !important;
    color: #00538D !important;
    padding: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    min-height: 27px;
}

.select2-container--default .select2-selection--multiple {
    min-width: 115px !important;
    border: none !important;
    background-color: transparent !important;
}

.select2-container {
    width: 200px !important; /* Set the desired width for the dropdown container */
}

    .select2-container .select2-dropdown {
        width: auto !important; /* Allow the dropdown to expand to fit the content */
        max-width: none !important; /* Remove any maximum width constraint */
    }

.select2-results__options {
    width: max-content;
}

.select2-container .selection {
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
}

.select2-container--default .select2-selection--multiple {
    cursor: pointer;
}

.openDropdown {
    margin-right: auto;
    margin-left: auto;
    display: block;
    background-color: #00538D;
    border-color: #00538D;
}

    .openDropdown:hover {
        background-color: #00538D !important;
        border-color: #00538D !important;
    }

.select2-container--default .select2-search--inline .select2-search__field {
    display: none !important;
}